doctype
html
    head
        meta(charset='utf-8')
        meta(name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0')
        meta(name='format-detection' content='telephone=no')
        title board
        link(rel='stylesheet' href='keyboard.min.css')
        style.
            body{
                margin: 0;
                padding: 0;
                background: #f0f0f0;
            }
            .input {
                width: 80%;
                border: 1px solid #ddd;
                font-size: 18px;
                height: 24px;
                margin: 20px 0 0 10%;
            }
    body
        label
            .modinput price
            input.input.input-hk(readonly)
        //script(src='http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js')
        script(src='https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js')
        script(src='keyboard.js')
        script.
            $(function () {
                $('.modinput').keyboard('.input-hk').on('kbtap', function (e, value) {
                    console.log('kbtap:' + value)
                })
            })